{% extends 'base.html' %}
{% load comments %}

{% block sidebar_trigger %}
  <a class="show-on-mobile nav-link m-5" id="js-sidebar-btn" href="#" role="button">
    <i class="fa fa-chevron-right" aria-hidden="true"></i>
  </a>
{% endblock sidebar_trigger %}

{% block main %}
  <main class="unit-3-4 unit-1-on-mobile top-gap">
    {% include 'blog/_post_detail.html' %}
  </main>
{% endblock main %}

{% block side %}
  <div class="unit-1-4 unit-1-on-mobile top-gap">
    <div class="scroll-view bg-white card toc-sidebar">
      <div class="card-header">
        目录
      </div>
      <div class="card-body">
        {{ post.toc|safe }}
      </div>
    </div>
  </div>
{% endblock side %}